import { defineComponent } from "vue";
import styles from "./RecordingPrompt.module.scss";
import { useStore as useRecordingPromptStore } from "@/store/recordingPrompt";
export default defineComponent({
  setup() {
    const recordingPromptStore = useRecordingPromptStore();
    return () => (
      recordingPromptStore.is_show && <div class={styles.floating}>
        <div class={styles.card}>
          <span class={styles.title}>温馨提示，您即将进入投保流程：</span>
          <span class={styles.content}>
            尊敬的客户，您即将进入“宜春惠民保”产品互联网参保流程，请仔细阅读保险条款、参保须知等信息，为保障您的合法权益，您的操作轨迹将被安全记录。
          </span>
          <div class={styles.btn} onClick={() => { recordingPromptStore.close() }}>我知道了</div>
        </div>
      </div>
    )
  }
})